/* CSS Document */
@charset "utf-8";
@import url("base.css");

.content{ margin-bottom:30px;}
/*banner*/
.slideBox{ position:relative; width:100%; height:560px; overflow:hidden;}
.slideBox .bd{ position:relative; width:100%;}
.slideBox .bd ul{ position:absolute; top:0; left:0;}
.slideBox .bd ul li{ float:left; width:100%; height:560px;}
.slideBox .bd ul li a{ display:block; width:100%; height:560px; overflow:hidden;}
.slideBox .hd{ position:absolute; bottom:20px; left:50%; margin-left:370px; z-index:100;}
.slideBox .hd ul li{ float:left; width:10px; height:10px; margin-right:10px; overflow:hidden; background-image:url(../images/circle.png); _background-image:url(../images/circle.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/circle.png",sizingMethod="crop"); cursor:pointer; z-index:200;}
.slideBox .hd ul li.on{ background-image:url(../images/circle1.png); _background-image:url(../images/circle1.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/circle1.png",sizingMethod="crop");}
.slideBox .prev,.slideBox .next{ position:absolute; top:232px; left:50%; width:44px; height:98px; overflow:hidden; z-index:200;}
.slideBox .prev{ margin-left:-634px; background:url(../images/prev.png) no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .next{ margin-left:590px; background:url(../images/next.png) no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100); opacity:1;}
/*list_title*/
.list_title{ position:relative; margin-bottom:50px;}
.ti_left{ position:absolute; left:0; top:20px; float:left; font-size:14px; color:#929292;}
.ti_left a{ color:#929292;}
.ti_left a:hover{ color:#fc1f7b;}
.ti_right{ float:right; margin-top:12px; padding-right:16px; height:22px;}
.ti_right .bds_tsina.bds_tsina1,.ti_right .bds_qzone.bds_qzone1,.ti_right .bds_weixin.bds_weixin1,.ti_right .bds_more.bds_more1{ float:left; width:22px; height:22px; margin:0 8px 0 0; padding-left:0; overflow:hidden; line-height:22px; background-image:url(../images/share_icon.png) !important; background-repeat:no-repeat;}
.ti_right .bds_tsina.bds_tsina1{ background-position:0 0; background-position:0 0 !important;}
.ti_right .bds_qzone.bds_qzone1{ background-position:-57px 0; background-position:-57px 0 !important;}
.ti_right .bds_weixin.bds_weixin1{ background-position:-115px 0; background-position:-115px 0 !important;}
.ti_right .bds_more.bds_more1{ background-position:-178px 0; background-position:-178px 0 !important;}
.ti_right #bdshare a:hover,.ti_right #bdshare_pop a:hover{ opacity:1;}
/*star_left*/
.star_left{ float:left; width:790px;}
.star_left h1{ margin-bottom:30px; padding-left:14px; background:url(../images/hl.png) left center no-repeat;}
.star_list{ position:relative; width:730px; padding:23px 19px 50px 39px; border:1px solid #eee; border-top:none; background:url(../images/tbg.png) no-repeat;}
.star_i{ padding:10px 0; border-bottom:1px solid #eee;}
.s_left{ float:left; width:270px; height:200px; margin-right:20px; overflow:hidden;}
.s_right{ float:left; width:440px;}
.s_right h3{ margin:20px 0 14px; font-size:18px;}
.s_right h3 a.v_icon1{ padding-left:23px; background:url(../images/sp.png) left center no-repeat;}
.s_right h3 a:hover{ color:#fc1f7b;}
.s_right p{ font-size:14px; line-height:23px; color:#929292;}
.s_right p.p1{ margin-bottom:25px; line-height:22px; color:#ccc;}
.s_right p a{ float:right; text-align:right; color:#ccc;}
.s_right p a:hover{ color:#fc1f7b;}
.s_com{ margin-top:16px;}

.s_share{ float:left; height:32px;}
.s_share .bds_tsina.bds_tsina2,.s_share .bds_qzone.bds_qzone2,.s_share .bds_weixin.bds_weixin2,.s_share .bds_more.bds_more2{ float:left; width:32px; height:32px; margin:0 5px 0 0; padding-left:0; overflow:hidden; line-height:22px; background-image:url(../images/hui_share.png); background-image:url(../images/hui_share.png) !important; background-repeat:no-repeat;}
.s_share .bds_tsina.bds_tsina2{ background-position:0 0; background-position:0 0 !important;}
.s_share .bds_qzone.bds_qzone2{ background-position:-69px 0; background-position:-69px 0 !important;}
.s_share .bds_weixin.bds_weixin2{ background-position:-137px 0; background-position:-137px 0 !important;}
.s_share .bds_more.bds_more2{ background-position:-208px 0; background-position:-208px 0 !important;}
.s_share .bds_tsina.bds_tsina2:hover,.s_share .bds_qzone.bds_qzone2:hover,.s_share .bds_weixin.bds_weixin2:hover,.s_share .bds_more.bds_more2:hover{ background-image:url(../images/fen_share.png); background-image:url(../images/fen_share.png) !important; background-repeat:no-repeat;}
.s_share .bds_tsina.bds_tsina2:hover{ background-position:0 0; background-position:0 0 !important;}
.s_share .bds_qzone.bds_qzone2:hover{ background-position:-69px 0; background-position:-69px 0 !important;}
.s_share .bds_weixin.bds_weixin2:hover{ background-position:-137px 0; background-position:-137px 0 !important;}
.s_share .bds_more.bds_more2:hover{ background-position:-208px 0; background-position:-208px 0 !important;}
.s_share #bdshare a:hover,.s_share #bdshare_pop a:hover{ opacity:1;}
.s_com .zan{ float:right; width:29px; height:28px; margin-top:2px; background:url(../images/com.png) no-repeat;}

.page2{ width:556px; height:35px; line-height:35px; margin:70px auto 0;}
.page_list2{ display:inline; float:left; max-width:370px; margin-right:5px;}
.page_list2 a{ float:left; width:35px; border:1px solid #eee; border-left:1px solid #fff; font-size:14px; text-align:center; color:#000;}
.page_list2 a.a1{ border-left:1px solid #eee;}
.page2 a.one,.page2 a.two,.page2 a.three{ float:left; padding:0 12px; border:1px solid #eee; font-size:12px; color:#000;}
.page2 a.one,.page2 a.two{ display:inline; margin-right:5px;}
.page2 a.one{ color:#929292;}
.page2 a:hover{ border:1px solid #fc1f7b; color:#fc1f7b;}
.page2 a.curr2{ border:none; width:37px; height:37px; background:#fc1f7b; color:#fff;}

/*star_right*/
.star_right{ float:right; width:400px;}
.recom{ position:relative; width:376px; height:552px; margin-top:40px; margin-bottom:30px; padding:76px 10px 10px; border:1px solid #ccc;}
.recommend_title{ position:absolute; top:-43px; left:80px; width:242px; text-align:center; background:#fff;}
.icon{ display:inline-block; width:22px; height:19px; background:url(../images/jiao.png) no-repeat;}
.recommend_title h2{ margin-top:8px; padding-bottom:20px; font-size:24px; background:url(../images/fang.png) bottom center no-repeat;}
.recom_i{ position:relative; float:left; width:186px; height:274px; margin-right:2px; margin-bottom:2px; overflow:hidden; filter:alpha(opacity=100); opacity:1;}
.recom_i img{ display:block;}
.recom_i a.pin{ position:absolute; left:50%; top:50%; width:44px; height:44px; margin-top:-22px; margin-left:-22px; background:url(../images/pin.png) no-repeat;}
.recom_i:hover{ filter:alpha(opacity=80); opacity:0.8;}
.recom_i .i_title{ position:absolute; bottom:0; left:0; width:186px; height:36px; font-size:12px; line-height:36px; text-align:center; background:rgba(0,0,0,0.5);}
.recom_i .i_title a{ color:#fff;}
/*ad1*/
.ad1{ margin:0 10px;}
/*.star_rank*/
.star_rank{ width:400px; margin-top:60px; margin-bottom:50px;}
.star_title1{ height:32px; overflow:hidden;}
.star_title1 a{ display:block;}
.star_title1 a h4{ width:141px; height:32px; margin:0 auto; font-weight:bold; font-size:24px; line-height:23px; text-indent:-9999px; overflow:hidden; background:url(../images/title4.png) no-repeat;}
.i_all{ margin-top:50px;}
.lists{ padding:0 43px 0 46px;}
.lists.star_last{ background:none;}
.i_list{ margin-bottom:25px;}
.i_left{ float:left; width:230px; height:230px; overflow:hidden;}
.i_left a{ display:block;}
.i_pic{ position:relative; width:220px; height:220px; padding:5px; /*background:url(../images/quan.png) no-repeat; border:5px solid #ccc; *border:5px solid #ccc; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;*/ overflow:hidden;}
.ibg{ position:absolute; left:0; top:0; width:230px; height:230px; background:url(../images/quan.png) no-repeat; overflow:hidden; z-index:10;}
.i_pic img{ width:220px; height:220px;}
.pic_title{ position:absolute; bottom:5px; left:0; width:230px; height:38px; font-size:18px; line-height:32px; text-align:center; background:url(../images/pbg.png) repeat-x; color:#fff;}
.i_right{ position:relative; float:right;}
.i_right a{ display:block; margin-top:20px; padding-left:14px; font-size:12px; background:url(../images/icon2.png) left center no-repeat; color:#000;}
.i_right a:hover{ background:url(../images/icon3.png) left center no-repeat; color:#fc1f7b;}
.i_right .num1{ display:block; width:50px; height:50px; margin:20px auto 0; background:url(../images/1.png) no-repeat;}
.i_right .num2{ display:block; width:50px; height:50px; margin:20px auto 0; background:url(../images/2.png) no-repeat;}
.i_right .num3{ display:block; width:50px; height:50px; margin:20px auto 0; background:url(../images/3.png) no-repeat;}
.i_right .num4{ display:block; width:50px; height:50px; margin:20px auto 0; background:url(../images/4.png) no-repeat;}
.i_right .num5{ display:block; width:50px; height:50px; margin:20px auto 0; background:url(../images/5.png) no-repeat;}
.i_right .ma{ display:none; position:absolute; left:-106px; bottom:0px; width:106px; height:125px; background:url(../images/wei.png) no-repeat; z-index:100;}
.more1{ width:86px; height:20px; margin:32px auto 0; border:1px solid #000; font-size:12px; line-height:20px; text-align:center;}
.more1 a{ display:block; color:#000;}
.more1 a:hover{ color:#fc1f7b;}
/*hot_detail*/
.hot_detail{ position:relative; width:380px; height:647px; margin-top:50px; margin-left:10px; background:url(../images/hotbg.png) no-repeat;}
.hot_title{ position:absolute; top:-9px; left:50%; margin-left:-46px; background:#fff;}
.hot_title h4{ width:129px; text-align:center; font-size:20px; background:url(../images/line2.png) left center no-repeat;}
.hot_list{ padding:46px 20px 0;}
.hot_i{ position:relative; height:22px; margin-top:21px; padding-bottom:16px; border-bottom:1px dashed #ccc; overflow:hidden;}
.hot_i.h1{ margin-top:0;}
.hot_i.h_last{ border-bottom:none;}
.hot_i.h_cur{ height:269px; padding-bottom:0; border-bottom:none;}
.h_one{ padding-left:15px; font-size:16px; background:url(../images/icon1.png) -10px 8px no-repeat;}
.h_one a{ color:#000;}
.h_two{ display:none; position:absolute; left:15px; top:40px;}
.hot_i.h_cur .h_one{ padding-left:30px; background:url(../images/icon1.png) 11px 8px no-repeat;}
.hot_i.h_cur .h_one a{ color:#929292;}
.hot_i.h_cur .h_two{ display:block;}

